import React, { memo } from "react";
import ListBlockWrapper from "./style";

const ListBlock = memo((prop) => {
  let title = prop.title;
  let children = prop.children;
  return (
    <ListBlockWrapper
      backgroundProp={prop.backgroundProp || "white"}
      marginProp={prop.marginProp}
    >
      <div style={{ padding: 16 }}>
        <div
          style={{
            fontSize: 15,
            color: "#817e7e",
            fontWeight: 600,
            marginBottom: "10px",
          }}
        >
          {title}
        </div>
        {children}
      </div>
    </ListBlockWrapper>
  );
});
export default ListBlock;
